<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./style.css">
</head>

<body>
    <div class="frame">
        <div class="top-box"></div>
        <div class="bottom-box">
            <div class="price">100.00 ￥</div>
            <div class="content">
                <span class="title">水中世界：</span>
                <span class="introduce">水，寂静幽深，浮游生物缓缓穿行，光影交错间，仿佛时光停滞，唯余孤独静默。</span>
            </div>
            <div class="collect">
                <div class="heart-btn">
                    <span class="heart">❤</span>92
                </div>
            </div>
        </div>
    </div>
</body>

</html>